.login {
  position: absolute;
  width: calc(100%);
  height: calc(100%);
  overflow: hidden;
}

.login-component {
  width: calc(100%);
  height: calc(100%);
  background: #484848;
  overflow: hidden;

  .component {
    margin: 0 auto;
    display: table;
    width: 1100px;
    height: calc(100%);
    overflow: hidden;

    .login-container {
      width: 100%;
      height: 476px;
      opacity: 1;
      border-radius: 17px;
      display: table-cell;
      overflow: hidden;
      vertical-align: middle;

      .container-left {
        width: 600px;
        height: 476px;
        display: table;
        float: left;
        border-radius: 17px 0 0 17px;

        .logoBox {
          text-align: center;
          margin: 0;
          padding: 0;
          display: table-cell;
          vertical-align: middle;

          > div:first-of-type {
            display: flex;
            justify-content: center;
            align-items: center;

            .logo-title {
              margin-left: 30px;
              font-size: 30px;
              font-weight: bold;
              color: #ebebeb;
            }
          }
        }
      }

      .container-right {
        width: 476px;
        height: 476px;
        background: rgba(0, 0, 0, 0.3);
        opacity: 1;
        float: right;
        display: table;

        .login-form {
          width: 400px;
          height: 350px;
          display: table-cell;
          vertical-align: middle;
          margin: 0 auto;

          .login-text {
            width: 100%;
            height: 29px;
            font-size: 18px;
            font-weight: bold;
            line-height: 29px;
            color: #c7c7c7;
            text-align: center;
          }

          .el-form {
            margin: 0 auto;
            width: 296px;

            .el-input__wrapper {
              background: #3E3E3E;
              border-color: #707070;

              .el-input__inner {
                color: #FFFFFF;
              }
            }

            .Verification_code_box {
              width: 100%;

              .input-with-code {
                width: 100%;

                .el-input-group__append {
                  width: 100px;
                  padding: 0;
                }
              }
            }

            .login-submit {
              width: 100%;
              background: #3E8FFF;
              border: #3E8FFF;
              color: #FFFFFF;
            }
          }
        }
      }

      /* 登录表单样式 */

      .nlogo_logo {
        margin: 0 auto;
      }
    }
  }

  .company_name {
    width: 100%;
    bottom: 40px;
    text-align: center;
    position: absolute;
    color: #111;
    font-size: 12px;

    .copyright {
      overflow: hidden;
      width: 100%;
      display: inline-block;
    }
  }
}